<!doctype html>
<html>
<head>
	<title>mofachi-妈妈的网上顾问</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<meta name="Keywords" content="">
	<meta name="Description" content="">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function init() {
}
$(document).ready(function() {
	$( ".baby-months" ).each( function() {
		var days = parseInt( $( this ).html() );
		$( this ).html( "天，" + parseInt( days/30 ) + "个月" );
	});
});
</script>
<style type="text/css">
body {
	margin: 0px auto;
	background-color: #EEE;
}
#header {
	/*position: fixed;
	top: 0px;
	left: 0px;*/
	border: solid 1px #CCC;
	width: 100%;
	padding: 20px;
	background-color: #FFF;
}
#logo {
	width: 600px;
	margin: 0 auto;
	padding: 0;
}
#diary-book {
	margin: 0 auto;
	border-spacing: 10px;
}
#diary-book div {
	/*border: solid 1px #EEE;*/
}
#diary-book td {
	/*border: solid 1px #ccc;*/
}
.diary {
	font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
.diary-calpanel {
	float: left;
}
.diary-calendar {
/*
	float: left;
	top: 90px;
	position: relative;
	vertical-align: top;
	*/
	margin-top: 20px;
	text-align: center;
	background-color: #FFF;
	border: solid 1px #ccc;
}
.diary-month-week {
	font-size: 12px;
	padding: 7px 5px 0;
	border: solid 2px #EEE;
	border-bottom: 0;
}
.diary-date {
	font-size: 36px;
	font-weight: bold;
	border: solid 2px #EEE;
	border-top: 0;
	color: #777;
}
.diary-main {
	width: 600px;
	background-color: #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.diary-title {
	font-weight: bold;
	font-size: 1.2em;
	padding: 0.5em 1em;
}
.diary-time-writer {
	font-size: 0.8em;
	padding: 0 1.5em;
	color: #3399ff;
}
.diary-content {
	font-size: 0.8em;
	color: #555;
	text-indent: 2em;
	line-height: 1.5em;
	padding: 0 1em;
}
.diary-source {
	font-size: 0.8em;
	padding: 0 1.5em;
	color: #3399ff;
	text-align: right;
	display: none;
}
.diary-func {
	font-size: 0.8em;
	padding: 0 1.5em;
	color: #3399ff;
	display: none;
}
.diary-tags {
	margin: 1.5em;
	padding: 0;
}
.diary-tags span {
	padding: 0.1em 0.3em;
	background-color: #0099cc;
	font-size: 0.8em;
	margin-right: 1em;
	color: #FFF;
}
.diary-vote {
	width: 70px;
	background-color: #FFF;
	visibility: hidden;
}
/* ------------------------------------------- */
#baby-panel {
/*
	*/
	width: 100%;
	padding: 0;
	background-color: #EEE;
}
#baby-list {
	margin: 20px auto;
	/*
	border: 1px solid #CCC;
	*/
	background-color: #caddec;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.baby {
	font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
.baby-info {
	border: 0px solid #CCC;
	width: 100px;
	/*
	vertical-align: top;
	*/
}
.baby-name {
	font-size: 1em;
	text-align: center;
	padding: 0 10px;
	margin: 0;
}
.baby-days {
	font-size: 2.8em;
	font-weight: bold;
	text-align: center;
	color: #cc0000;
	padding: 0 10px;
	margin: 0;
	line-height: 46px;
}
.baby-months {
	font-size: 1em;
	text-align: center;
	padding: 0 10px;
	margin: 0;
}
.baby-photo {
	border: 0px solid #CCC;
	width: 100px;
	height: 100px;
}
.baby-photo img {
	width: 100px;
	height: 100px;
}
.baby-notes {
	width: 380px;
	border: 0px solid #CCC;
}
.baby-tip {
	float: left;
	width: 90%;
	/*border: 1px solid #CCC;*/
	font-size: 0.8em;
	padding: 0.3em 0 0.1em 2em;
}
/* ------------------------------------------- */
#publish {
	width: 100%;
}
#pub-btn-list {
	margin: 0 auto;
	border-spacing: 5px;
}
#pub-btn-list td {
	width: 112px;
}
.pub-btn {
	/*
	height: 50px;
	border: 1px solid #CCC;
	background-color: #3366cc;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	width: 120px;
	*/
}
</style>
</head>
<body>
<div id="header">
	<div id="logo">
		<img src="img/mofachi2.gif"/><{$user->nickname}>
	</div>
</div>
<div id="baby-panel">
<table id="baby-list">
<{foreach $babies as $b}>
	<tr class="baby">
		<td class="baby-info">
			<div class="baby-name"><{$b->nickname}>出生</div>
			<div class="baby-days"><span><{getDays($b)}></span></div>
			<div class="baby-months"><{getDays($b)}></div>
		</td>
		<td class="baby-photo"><img src="img/buding1.jpg"></td>
		<td class="baby-notes">
			<div class="baby-tip">18个月的宝宝</div>
			<div class="baby-tip">18个月的宝宝</div>
			<div class="baby-tip">18个月的宝宝</div>
		</td>
	</tr>
<{/foreach}>
</table>
</div>
<div id="publish">
	<table id="pub-btn-list">
		<tr>
			<td class="pub-btn" id="blog"><a href="blog.htm">成长日记</a></td>
			<td class="pub-btn" id="photo"><a href="photo.htm">照片</a></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</table>
</div>
<table id="diary-book">
	<{foreach $recentArticles as $ra}>
	<tr class="diary">
		<td class="diary-calpanel">
			<div class="diary-calendar">
				<div class="diary-month-week">12月/周五</div>
				<div class="diary-date">9</div>
			</div>
		</td>
		<td class="diary-main">
			<div class="diary-title"><{$ra->title}></div>
			<div class="diary-time-writer"><{$ra->edit_time}></div>
			<div class="diary-content"><{$ra->content}></div>
			<div class="diary-source">来自：<{$ra->source}></div>
			<div class="diary-func">
			添加评论&nbsp;&nbsp;
			</div>
			<div class="diary-tags">
			<span>坚果</span><span>蛋白质</span><span>大脑发育</span>
			</div>
		</td>
		<td class="diary-vote">
		</td>
	</tr>
	<{/foreach}>
</table>
</body>
</html>